<template>
    <div>
      <a-row>
        <a-col :span="12">
          <a-slider v-model="inputValue1" :min="1" :max="20" />
        </a-col>
        <a-col :span="4">
          <a-input-number v-model="inputValue1" :min="1" :max="20" style="marginLeft: 16px" />
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="12">
          <a-slider v-model="inputValue" :min="0" :max="1" :step="0.01" />
        </a-col>
        <a-col :span="4">
          <a-input-number
            v-model="inputValue"
            :min="0"
            :max="1"
            :step="0.01"
            style="margin-left: 16px"
          />
        </a-col>
      </a-row>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        inputValue: 0,
        inputValue1: 1,
      };
    },
  };
  </script>
  <style scoped>
  .code-box-demo .ant-slider {
    margin-bottom: 16px;
  }
  </style>
  